@import "../scss/functions"; // GAYYYY LiveReload not seeing this as imported

[data-theme="codemirror"] {

  .CodeMirror                       { background: white; }

  .CodeMirror pre                   { color: #999; } // e.g. { }
  .CodeMirror pre.CodeMirror-cursor { border-left-color: black; } // cursor

  .cm-s-default span.cm-keyword     { color: #708; }
  .cm-s-default span.cm-atom        { color: #219; }
  .cm-s-default span.cm-number      { color: #164; }
  .cm-s-default span.cm-def         { color: #00f; }
  .cm-s-default span.cm-variable    { color: black; }
  .cm-s-default span.cm-variable-2  { color: #05a; }
  .cm-s-default span.cm-variable-3  { color: #085; }
  .cm-s-default span.cm-property    { color: black; }
  .cm-s-default span.cm-operator    { color: black; }
  .cm-s-default span.cm-comment     { color: #a50; }
  .cm-s-default span.cm-string      { color: #a11; }
  .cm-s-default span.cm-string-2    { color: #f50; }
  .cm-s-default span.cm-meta        { color: #555; }
  .cm-s-default span.cm-error       { color: #f00; }
  .cm-s-default span.cm-qualifier   { color: #555; }
  .cm-s-default span.cm-builtin     { color: #30a; }
  .cm-s-default span.cm-bracket     { color: #cc7; }
  .cm-s-default span.cm-tag         { color: #170; }
  .cm-s-default span.cm-attribute   { color: #00c; }
  .cm-s-default span.cm-header      { color: #a0a; }
  .cm-s-default span.cm-quote       { color: #090; }
  .cm-s-default span.cm-hr          { color: #999; }
  .cm-s-default span.cm-link        { color: #00c; }

  .CodeMirror-gutter-text pre       { color: #ccc; }

  .CodeMirror-scroll::-webkit-scrollbar-thumb {
    @include linear-gradient-m(black, (( top, rgba(0,0,0,0.0), rgba(0,0,0,0.6)) ));
  }

}